<template>
  <div class="title-words">
    <div class="title-info">{{title.titleinfo}}</div>
    <div class="subtitle-info" v-if="title.subtitle !== ''">
      <span>{{title.subtitle}}</span>
      <span class="iconfont">&#xe62d;</span>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Titles',
  props: {
    title: Object
  }
}
</script>

<style lang="stylus" scoped>
  .title-words
    height 120px
    display flex
    justify-content space-between
    align-items center
    padding 0 30px
    .title-info
      width 360px
      font-size 36px
      font-weight 700
    span
      color #999
</style>
